[data-autocomplete-source-id='tagsPlugin'] {
  margin-bottom: var(--aa-spacing-half);
  .aa-List {
    display: flex;
    flex-wrap: wrap;
    margin: calc(var(--aa-spacing-half) / 2 * -1);
  }
  .aa-Item {
    background-color: rgba(
      var(--aa-selected-color-rgb),
      var(--aa-selected-color-alpha)
    );
    margin: calc(var(--aa-spacing-half) / 2);
    min-height: auto;
    &[aria-selected='true'] {
      background-color: rgba(var(--aa-selected-color-rgb), 0.55);
    }
  }
}

.aa-TagsPlugin-Tag {
  align-items: center;
  display: flex;
  padding-left: var(--aa-spacing-half);
}

.aa-TagsPlugin-TagLabel {
  font-size: 0.8em;
}

.aa-TagsPlugin-RemoveButton {
  cursor: pointer;
  svg {
    color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));
    margin: calc(var(--aa-spacing) / 3);
    stroke-width: var(--aa-icon-stroke-width);
    width: calc(var(--aa-action-icon-size) / 1.5);
  }
  &:hover,
  &:focus {
    svg {
      color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));
    }
    @media (hover: none) and (pointer: coarse) {
      color: inherit;
    }
  }
}
